<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title><?php wp_title();?></title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1,user-scalable=no">
  <link href="<?php bloginfo('template_url'); ?>/images/wpages/css/css.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/images/wpages/css/animate.min.css">
  <script src="<?php bloginfo('template_url'); ?>/images/wpages/js/jquery-1.9.1.min.js"></script>
  <script src="<?php bloginfo('template_url'); ?>/images/wpages/js/animate.js"></script>
  <script src="<?php bloginfo('template_url'); ?>/images/wpages/js/flexible.js"></script>
  <script>window.location.href = "https://dqt.zoosnet.net/LR/Chatpre.aspx?id=DQT60721914&cid=0613a230ac0e43e1b13ba3b37206be3f&lng=cn";</script>
  <?php the_field('swt_js',"options"); ?>
  
  <style>
    /*项目之间的背景色*/
    .fa-pro{background: #fef2f7}
    /*专家那块背景色*/
    #swt-box-Tool{background: <?php the_field('zj_bg_color'); ?>;}
    /*输入问题背景色*/
    .bddh{background: <?php the_field('input_bg_color'); ?>;}
    /*发送按钮背景色*/
    .send{background: <?php the_field('input_butt_color'); ?>;}
    /*文字框整体背景色*/
    .fa{background:<?php the_field('bd_bg_color'); ?>;}
    /*文字边框颜色*/
    .fa_border{border: 10px solid #ef5896;}
    /*提交按钮背景色*/
    .ljtj{background: <?php the_field('bd_sub_bt_bg_color'); ?>;}
	/*字体颜色*/
	.fa_1 input[type='radio'] + label,.fa_1 input[type='checkbox'] + label {
	  cursor: pointer;
	  display: inline-block;
	  position: relative;
	  padding-left: 22px;
	  margin-right: 10px;
	  color: <?php the_field("bd_ans_color"); ?>;
	}
	.item ul li{color:<?php the_field("item_font_color");?>}
	.fa_1{<?php if(get_field("is_show")=="不显示"){echo "display:none";} ?>}
  </style>
</head>
<body>

<div class="tzzt">
    <div class="banner relative">
      <a href="javascript:void(0)" onclick="openZoosUrl();">
        <img src="<?php the_field('banner'); ?>" alt="">
      </a>
    </div>

    <div class="fa">
		<div class="fa-pro">
			<h1 class="animate fadeInDown" data-w-oh-delay="0.5s" style="color:<?php the_field('color_font'); ?>">
				<?php the_field("title_item"); ?>
			</h1>
			<p class="fa_en animate fadeInDown" data-w-oh-delay="0.7s" style="color:<?php the_field('color_font'); ?>">
				<?php the_field("title_item_en"); ?>
			</p>
			<div class="item">
				<ul>
					<?php
						foreach(explode("|",get_field("item_name")) as $k => $v){
					?>
					<li style="border:2px solid <?php the_field('border_color'); ?>">
						<p class="p-name"><?php echo $v; ?></p>
						<a href="javascript:void(0)" onclick="openZoosUrl();" style="background:<?php the_field('ask_price_bg'); ?>">咨询价格<br><span>GO></span></a>
					</li>	
							
					<?php
						}
					?>
					<div class="clearfloat"></div>
				</ul>
				<div class="blank30"></div>
			</div>
		</div>
		<div class="zj">
			<div id="swt-box-Tool">
				<div class="zj_1" id="swt-tools1" style=" display:none;">
					<img src="<?php the_field('zj_headimg'); ?>" class="zjxt_1" />
					<div class="zj_2"><b><img src="<?php the_field('zj_jt'); ?>" /></b>
					<p style="border:1px solid <?php the_field('zj_border_color'); ?>">
						<?php the_field("zj_content_one"); ?>
					</p>
				</div>
				</div>
				<div class="blank20"></div>
				<div class="zj_1" id="swt-tools2" style=" display:none;">
					<img src="<?php the_field('zj_headimg'); ?>" class="zjxt_1" />
					<div class="zj_2">
						<b>
							<img src="<?php the_field('zj_jt'); ?>" />
						</b>
						<p style="border:1px solid <?php the_field('zj_border_color'); ?>">
							<?php the_field("zj_content_two"); ?>
						</p>
					</div>
				</div>
			</div>
		</div>

      <div id="bddh">
          <div class="bddh">
            <div class="blank20"></div>
            <input type="text" id="cont" name="cont" placeholder="输入您的问题..." class="conts"/>
             <a href="javascript:void(0)" onclick="openZoosUrl();" class="send">发送</a>
            <div class="blank20"></div>
          </div>
      </div>
  
      <h1 class="animate fadeInDown" data-w-oh-delay="0.5s" style="color:<?php the_field('bd_font_color'); ?>"><?php the_field("bd_item_name"); ?>费用和方案免费获取</h1>
      

      <div class="fa_1">
        <div class="fa_border">
      	<p class="animate pulse" data-w-oh-delay="0.3s" style="color:<?php the_field('bd_question_color'); ?>">* <?php the_field('bd_question_one'); ?></p>
          <span>
		  
		<?php 
			$i = 1;
			foreach(explode("|",get_field("bd_question_one_ans")) as $k => $v){
		?>
			<strong class="ycqh<?php echo $i;?>">
                <input id='check_<?php echo $i;?>' type="checkbox" name="ycqh" class="ycqh" value="<?php echo $v; ?>" />
                <label for="check_<?php echo $i;?>"><?php echo $v; ?></label>
            </strong>
		<?php
			$i++;
			}
		?>
              
          </span>
          <div class="blank40"></div>
          <p class="animate pulse" data-w-oh-delay="0.7s" style="color:<?php the_field('bd_question_color'); ?>">* <?php the_field('bd_question_two'); ?></p>
          <span>
		  
			<?php
				foreach(explode("|",get_field("bd_question_two_ans")) as $k => $v){
			?>
					<strong class="ycqh<?php echo $i;?>">
						<input id='check_<?php echo $i;?>' type="checkbox" name="ytlx" value="<?php echo $v; ?>" />
						<label for="check_<?php echo $i;?>"><?php echo $v; ?></label>
					</strong>
			<?php
				$i++;	
				}
			?>
			
			  
          </span>
          <div class="blank20"></div>
          <div class="blank20"></div>
          <p class="animate pulse" data-w-oh-delay="0.5s" style="color:<?php the_field('bd_question_color'); ?>">* 您的年龄</p>
          <span>                
              <strong class="ycqh11">
                <input id='check_11' type="radio" name="age" value="18岁以下" />
                <label for="check_11">18岁以下</label>
              </strong>
              <strong class="ycqh12">
                <input id='check_12' type="radio" name="age" value="18岁-25岁" />
                <label for="check_12">18岁-25岁</label>
              </strong>
              <strong class="ycqh13">
                <input id='check_13' type="radio" name="age" value="25岁-35岁" />
                <label for="check_13">25岁-35岁</label>
              </strong>
              <strong class="ycqh14">
                <input id='check_14' type="radio" name="age" value="35岁以上" />
                <label for="check_14">35岁以上</label>
              </strong>
          </span>
          <div class="blank20"></div>
          <div class="blank20"></div>
          <p style="color:<?php the_field('bd_question_color'); ?>">* 姓名</p>
          <input type="text" name="name" id="name" class="inputxm" placeholder="输入您的姓名..." />
          <div class="blank20"></div>
          <div class="blank20"></div>
          <p style="color:<?php the_field('bd_question_color'); ?>">* 电话</p>
          <input type="text" name="phone" id="phone" class="inputxm" placeholder="输入您的电话..."  />
          <div class="blank20"></div>
          <div class="blank20"></div>
          <h3 style="color:<?php the_field('bd_question_color'); ?>">* 我们将严格遵守各项法律法规，对您的信息严格加密保护，请放心填写</h3>
          <div class="blank20"></div>
          <div class="blank20"></div>
        </div>
      </div>
      <div class="ljtj animate pulse" data-w-oh-delay="0.5s">
		<a onClick="LR_submit1(1)">立即提交,免费获取报价及方案></a>
	  </div>
    </div>
</div>
<!--快商通链接更换-->
<?php
	the_field('swt_js',"options");
 ?>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/images/wpages/js/onkst.js"></script>
<?php
	the_field('Code_Statistics',"options");
 ?>
<script>
function LR_submit1(chat){
	var arr = new Array();                
	var items = document.getElementsByName("ycqh");                 
	for (i = 0; i < items.length; i++) {                    
		if (items[i].checked) {                        
			arr.push(items[i].value);                    
		}                
	}
	var NoseProblem = "问题："+arr.join("、");
	//获取是否做过整形
	var Plastic = "是否做过："+$('input[name="ytlx"]:checked').val();
	//获取年龄
	var CustomerAge = "年龄："+$('input:radio[name="age"]:checked').val();
	//获取姓名
	var CustomerName = "姓名："+$("input[name='name']").val();
	//获取电话
	var CustomerPhone = "电话："+$("input[name='phone']").val();
	var SubParameter = "【"+NoseProblem+"】<br>【"+Plastic+"】<br>【"+CustomerAge+"】<br>【"+CustomerName+"】<br>【"+CustomerPhone+"】";		
	LR_explain='来自网页内嵌文本框的对话,客人输入的内容如下:'+SubParameter;
	LR_msg=SubParameter;
	openZoosUrl(chat?'chat':'sendnote');
}
</script>
<script>
	$(window).scroll(function(){
      setTimeout(function(){
      var top2=window.screen.availHeight;
      var top1=$('#swt-box-Tool').offset().top;
      var top3=$('#swt-box-Tool').height();
              var winT=$(this).scrollTop();
              if(winT>=top1-(top2-top3)){
                  function show(){
                  setTimeout(function(){
                    $('#swt-tools1').fadeIn(500);
                  },500)
                  setTimeout(function(){
                    $('#swt-tools2').fadeIn(500);
                  },2000)
                  setTimeout(function(){
                    $('#swt-tools3').fadeIn(500);
                  },3500)
                };
                show();
              }
        },300)
    })
</script>

</body>

<?php
    get_footer();
?>
</html>
